<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<!-- <style>
        div > div.Aaron p span.red{
             color:red;
        }
   </style> -->
<body>
    
    <!-- <div id="text">
        <p>
            <input type="text" />
        </p>
        <div class="aaron">
            <input type="checkbox" name="readme" />
            <p>Sizzle</p>
        </div>
    </div>

    div > p + .aaron input[type="checkbox"]

    #test表示id为test的DOM节点
    .aaron 表示class为aaron的DOM节点
    input表示节点名为input的DOM节点
    div > p表示div底下的p的DOM节点
    div + p表示div的兄弟DOM节点p


    <div>
            <div class="Aaron">
            <p><span>s1</span></p>
            <p><span>s2</span></p>
            <p><span>s3</span></p>
            <p><span class='red'>s4</span></p>
         </div>


         div > p + .aaron[type="checkbox"], #id:first-child

         groups：[
            0:div > p + .aaron[type="checkbox"],
            1:#id:first-child
        ]

        whitespace = [\x20\t\r\n\f]

        \xnn
        \uxxxx
        \x20
        http://ascii.911cha.com/
        \t 制表符；

        \r 回车；
    
        \n 换行；
    
        \f 换页； -->

    <script src="jquery-2.0.3.js"></script>
    <script>
        // document.getElementById(“test”)
        // document.getElementsByTagName(“input”)
        // document.getElementsByName(“checkbox”)
        // document.getElementsByClassName
        // document.querySelector
        // document.querySelectorAll


        // window.onload = function() {

        //     console.log( Sizzle('div > div.Aaron p span.red')  )

        //     console.log( document.querySelectorAll('div > div.Aaron p span.red')  )

        // }


        // a=(b-c);


        // NAME "a"
        // EQUALS 
        // OPEN_PARENTHESIS
        // NAME "b"
        // MINUS
        // NAME "c"
        // CLOSE_PARENTHESIS
        // SEMICOLON
    </script>
</body>
</html>